<template>
    <h3>{{msg}}</h3>
    <ul>
        <li v-for="(value,index) in arr" :key="index">
           {{index}} -- {{value}}
        </li>
    </ul>
</template>

<script>
import { reactive, toRefs } from 'vue'

export default {
    setup () {
        const state = reactive({
            msg:'武汉欢迎您！',
            arr:['lb','wq','lyd']
        })
    
        return {
            ...toRefs(state)
        }
    }
}
</script>
